<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<lv-form [formGroup]="passwdFormGroup" [lvLabelColon]="false" class="formGroup">
  <lv-form-item>
    <lv-form-label lvRequired>{{ 'common_originalpwd_label' | i18n }}</lv-form-label>
    <lv-form-control [lvErrorTip]="originalPasswordErrorTip">
      <aui-inupt-with-eye formControlName="originalPassword" [lvPasteAllowed]="false"></aui-inupt-with-eye>
    </lv-form-control>
  </lv-form-item>
  <lv-form-item>
    <lv-form-label lvRequired>{{ 'common_newpwd_label' | i18n }}</lv-form-label>
    <lv-form-control [lvErrorTip]="baseUtilService.pwdErrorTip">
      <aui-inupt-with-eye [lv-tooltip]="pwdComplexTipTpl" lvTooltipTrigger="focus" lvTooltipPosition="topLeft"
        lvTooltipTheme="light" formControlName="newPassword" [lvPasteAllowed]="false"></aui-inupt-with-eye>
    </lv-form-control>
  </lv-form-item>
  <lv-form-item>
    <lv-form-label lvRequired>{{ 'common_confirmpwd_label' | i18n }}</lv-form-label>
    <lv-form-control [lvErrorTip]="baseUtilService.pwdErrorTip">
      <aui-inupt-with-eye formControlName="confirmPassword" [lvPasteAllowed]="false"></aui-inupt-with-eye>
    </lv-form-control>
  </lv-form-item>
</lv-form>

<ng-template #lvFooterTpl>
  <div class="lv-modal-btns ng-tns-c6-95">
    <button lv-button lvType="primary" (click)="ok()" [disabled]="this.formGroup.invalid">
      {{ 'common_ok_label' | i18n }}
    </button>
    <button lv-button (click)="close()">{{ 'common_cancel_label' | i18n }}</button>
  </div>
</ng-template>

<ng-template #pwdComplexTipTpl>
  <span [innerHTML]="pwdComplexTipLabel"></span>
</ng-template>